
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>程序设计基础</title>

    <link rel="stylesheet" href="./css/in3.css">
</head>


<body>
 
            <!-- 导航栏 -->
            <div class="nav">
                <div class="logo"></div>
                <span></span>
                <ul class="nav-a">
                    <li><a href="#" class="shouye"></a></li>
                    <li><a href="#rel" class="rel"></a></li>
                    <li><a href="#edu" class="edu"></a></li>
                    <li><a href="#tra" class="tra"></a></li>
                    <li><a href="#wor" class="wor"></a></li>
                    <li><a href="#sta" class="sta"></a></li>
                </ul>
                </a>
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="banner" title="banner" alt="banner">
        <div class="banner1">欢迎来到程序设计基础学习课程！</div>
    </div>
    <!-- 1 -->
    <div class="information">
        <div class="information-title" id="rel">课程简介</div>
        <div class="information-main">
            <div class="left">
                
            </div>
            <div class="right1">
                <P>《程序设计基础》课程是计算机类专业课程中的一门重要专业基础课，课程的任务是使学生掌握程序设计的思想，</P>
                <P>理解核心编程概念，掌握独立于编程语言环境的程序设计方法，</P>
                <P>理解程序设计背后的逻辑并获得有效的编程技能。</P>
            </div>
        
        </div>
    </div>


    <!-- 2 -->
    <div class="hobbies">
        <div class="hobbies-title" id="sta">课程任务组</div>
        <div class="hobbies-main">
            <p>1.任务一 Java语言基础</p>
            <p>2.任务二 语句与流程控制1</p>
            <p>3.任务三 语句与流程控制2</p>
            <p>4.任务四 一维数组</p>
            <p>5.任务五 字符串的处理</p>
            <div class="box">
            </div>
        </div>
    </div>


        <!-- 3 -->
        <div class="education">
            <button><a href="https://www.bilibili.com/video/BV1iz4y1S7NK/?spm_id_from=333.337.search-card.all.click&vd_source=bfedfe641e839a2539545a4b015ecc8b" target="_blank">开始学习</a></button>
            <div class="education-main">
                <div class="edu1">
                    <div class="edu-l" title="Mid-career" alt="Mid-career">
                    </div>
                </div>
            </div>
        </div>
</body>

    
</html>